<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS的三种引入方式</title>
</head>
<body>
     <!--1.行内写法 写在对应的html元素上
     onclick+"" 给元素绑定一个点击事件,点击元素是=时执行""里的代码
     console.log(666)向控制台输出数字666
     -->
     <button onclick="console.log(666)">点击即玩</button>
     <button onclick="alert('请先登录!')">点击即玩2</button>

     <div id="abc"></div>
     <!--2.内部写法: 在body结束前加script标签,里面写js代码-->
     <!-- 通过id值可以直接获取到对应的html元素-->
    <script>
        console.log('我看看执行了没');
        console.log(abc);
    </script>

     <!--3.外部写法: 在body结束前加script标签,src属性指定js文件的路径
     如果此标签用于引入外部的js文件,则标签中间不能写js代码,不会执行-->
    <script src="01.js">
        console.log('你看我执行吗?');
    </script>
</body>
</html>